<section *ngIf="showForm">
  <form nz-form  [formGroup]="validateForm" (ngSubmit)="submitForm(validateForm.value)">
    <div nz-row>
      <nz-form-item>
        <nz-form-label [nzSpan]="4" nzRequired>门禁卡</nz-form-label>
        <nz-form-control [nzSpan]="12" nzErrorTip="卡号不能为空!">
            <input nz-input  placeholder="" [ngModel]="cardNo" formControlName="cardNo" (blur)="iptBlur()"/>
        </nz-form-control>
        <nz-form-control [nzSpan]="1" style="margin-left: 10px;">
          <a nz-button nzType="primary" (click)="read()" >读cpu卡</a>
        </nz-form-control>
        <nz-form-control [nzSpan]="1" style="margin-left: 70px;">
          <a nz-button nzType="primary" (click)="readID()" >读身份证</a>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSpan]="4" nzRequired>虚拟卡号</nz-form-label>
        <nz-form-control [nzSpan]="12" nzErrorTip="虚拟卡号不能为空!">
          <input nz-input  placeholder="" formControlName="xnCardNo"/>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSpan]="4" nzRequired>卡编号</nz-form-label>
        <nz-form-control [nzSpan]="12" nzErrorTip="卡编号不能为空!">
          <input nz-input  placeholder="" formControlName="cardCode"/>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item style="text-align: center;margin-top: 78px;margin-bottom: 0;">
        <nz-form-control [nzOffset]="7" [nzSpan]="12">
          <button nz-button nzType="primary">提交</button>
          <button nz-button (click)="resetForm($event)">重置</button>
        </nz-form-control>
      </nz-form-item>
    </div>
  </form>
  </section>

